<template>
  <div class="home_menu_container">
    <van-grid :border="false">
      <div class="menu_item">
        <MineStay _icon="like" _text="签到"/>
      </div>
      <div class="menu_item">
        <MineStay _icon="bag" _text="礼券"/>
      </div>
      <div class="menu_item">
        <MineStay _icon="bookmark" _text="砍价"/>
      </div>
      <div class="menu_item">
        <MineStay _icon="invition" _text="专栏"/>
      </div>
    </van-grid>
  </div>
</template>

<script>
import MineStay from "../common/MineStay";

export default {
    components:{
        MineStay
    },
    mounted(){
        
    }
};
</script>

<style scoped>
.home_menu_container {
  width: 100%;
  height: 2rem;
  background-color: #fff;
  position: absolute;
  bottom: 0px;
  left: 0px;
  border-radius: 1.2rem 1.2rem 0 0;
  overflow: hidden;
}
.menu_item {
    width: 25%;
}
</style>